<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Scrolling Research</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css" >
            .divNews{
                position:absolute;
                visibility:hidden;
                top:0;
                left:0;
                width:100%;
                clip:rect(10px,1000px,100px,10px);
                border-width:1px;
                border-style: solid;
                border-color:navy
            }
        </style>
        <script language="javascript" type="text/javascript">
            topedge = 0;  // location of news box from top of page
            leftedge = 0;  // location of news box from left edge
            boxheight = 600;  // height of news box
            boxwidth = 1000;  // width of news box
            scrollheight = 240; // total height of all data to be scrolled

            function scrollnews(cliptop) {
                newsDiv = document.getElementById('news').style;
                newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth + leftedge) + "px " + (cliptop + boxheight) + "px 0px)";
                newsDiv.pixelLeft = leftedge;
                newsDiv.pixelTop = topedge - cliptop;

                cliptop = (cliptop + 1) % (scrollheight + boxheight);
                newsDiv.visibility='visible';
                setTimeout("scrollnews(" + cliptop + ")", 100);
            }
            //  End -->

            function Go()
            {
                scrollnews(0);
            }
            window.onload = Go;
        </script>
    </head>
    <body>

        <div ID="news" class="divNews">

            <!-- Your News Items are Here -->

            This news scroller begins<br>
            Displaying text and images<br>
            From the bottom of the box<br>
            And restarts when all the<br>
            Information scrolls above<br>
            The top of the box.<br><br>
            Any HTML page content can<br>
            Be used in this Javascript<br>
            Scroller.<br>
            <br>
            <a href="mailto:yourmail@hotmail.com">yourmail@hotmail.com</a>

            <!-- End Of Your News Items -->

        </div>
    </body>
</html>
